
  var myChart = echarts.init(document.getElementById('main'),'macarons');
  var myChart2 = echarts.init(document.getElementById('main2'),'macarons');
  var myChart3 = echarts.init(document.getElementById('main3'),'macarons');
  var myChart4 = echarts.init(document.getElementById('main4'),'macarons');

var labelTop = {
    normal : {
        label : {
            show : false,
            position : 'center',
            formatter : '{b}'+1223,
           /* textStyle: {
                baseline : 'bottom'
            }*/
        },
     /*   labelLine : {
            show : false
        }*/
    }
};
var labelBottom = {
    normal : {
        label : {
            show : true,
            position : 'center'
        },

    },
    emphasis: {
         label : {
            show : true,
            position : 'center'
        },
    }
};

var option = {    
    title : {
        text: '存款客戶利息 - 全行',
		subtext: '每月趋势图（全行）',
		subtextStyle: {
			color: 'black'
		},
		x:'center'
    },
    tooltip : {
        trigger: 'axis',
    },
	
	calculable : true,
	grid : {y:110,y2:40,x:'55%',x2:'5%'},
    legend: {
        data:['海外业务管理部','公司銀行部','交易銀行部','金融机构部','私人銀行及財富管理部','零售銀行部'],
		y:'50px',
    },
    xAxis : [
        {
            type : 'category',
            splitLine : {show : false},
            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
        }
    ],
    yAxis : [
        {
            type : 'value',
        }
    ],
    series : [
		{
			name:'净利息收入',
            type:'line',
            data:[11, 11, 15, 13, 12, 13, 10,13,16,14,18,14],
            markPoint : {
                data : [
                    {name: '标注2', value: 12, xAxis: '5月', yAxis: 12},
                ]
            },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            }
        },
        {
            name:'部门',
            type:'pie',
            radius : '55%',
            center: ['25%', '65%'],
			minAngle: '15',
			tooltip : {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)',
				position : function(point,params,dom,rect,size){
					//其中params为当前鼠标的位置
					return [params[0],'0%'];
				}
            },
			itemStyle : {
                normal : {
                    label : {
                        position : 'outer',
                        formatter : function (params) {                         
                          return params.name + ': ' + (params.percent - 0).toFixed(0) + '%'
                        }
                    },
                    labelLine : {
                        show : true
                    }
                }
			},
            data:[
                {value:172, name:'海外业务管理部'},
                {value:418, name:'公司銀行部'},
                {value:5097, name:'交易銀行部'},
                {value:8265, name:'金融机构部'},
                {value:10267, name:'私人銀行及財富管理部'},
                {value:65065, name:'零售銀行部'}
            ]
        }
    ]
};
                    

var option2 = {    
    title : {
        text: '存款客戶利息 - 币种',
		subtext: '每月趋势图（全部币种）',
		subtextStyle: {
			color: 'black'
		},
		x:'center'
    },
    tooltip : {
        trigger: 'axis',
    },
	
	calculable : true,
	grid : {y:110,y2:40,x:'55%',x2:'5%'},
    legend: {
        data:['港币','人民币','美元','其他币种'],
		y:'50px',
    },
    xAxis : [
        {
            type : 'category',
            splitLine : {show : false},
            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
        }
    ],
    yAxis : [
        {
            type : 'value',
        }
    ],
    series : [
		{
			name:'净利息收入',
            type:'line',
            data:[11, 11, 15, 13, 12, 13, 10,13,16,14,18,14],
            markPoint : {
                data : [
                    {name: '标注2', value: 12, xAxis: '5月', yAxis: 12},
                ]
            },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            }
        },
        {
            name:'币种',
            type:'pie',
            radius : '55%',
            center: ['25%', '65%'],
			minAngle: '15',
			tooltip : {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)',
				position : function(point,params,dom,rect,size){
					//其中params为当前鼠标的位置
					return [params[0],'0%'];
				}
            },
			itemStyle : {
                normal : {
                    label : {
                        position : 'outer',
                        formatter : function (params) {                         
                          return params.name + ': ' + (params.percent - 0).toFixed(0) + '%'
                        }
                    },
                    labelLine : {
                        show : true
                    }
                }
			},
            data:[
                {value:172, name:'港币'},
                {value:418, name:'人民币'},
                {value:5097, name:'美元'},
                {value:8265, name:'其他币种'},
            ]
        }
    ]
};
var option3 = {    
    title : {
        text: '存款客戶利息 - 日均存款余额区间',
		subtext: '每月趋势图（全部区间）',
		subtextStyle: {
			color: 'black'
		},
		x:'center'
    },
    tooltip : {
        trigger: 'axis',
    },
	
	calculable : true,
	grid : {y:110,y2:40,x:'55%',x2:'5%'},
    legend: {
        data:['≥10M','5M~10M','1M~5M','0.5M~1M','10K~0.5M','0~10K','其他'],
		
		y:'50px',
    },
    xAxis : [
        {
            type : 'category',
            splitLine : {show : false},
            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
        }
    ],
    yAxis : [
        {
            type : 'value',
			name: "值(万元)",
        }
    ],
    series : [
		{
			name:'净利息收入',
            type:'line',
            data:[11, 11, 15, 13, 12, 13, 10,13,16,14,18,14],
            markPoint : {
                data : [
                    {name: '标注2', value: 12, xAxis: '5月', yAxis: 12},
                ]
            },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            }
        },
        {
            name:'部门',
            type:'pie',
            radius : '55%',
            center: ['25%', '65%'],
			minAngle: '15',
			tooltip : {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)',
				position : function(point,params,dom,rect,size){
					//其中params为当前鼠标的位置
					return [params[0],'0%'];
				}
            },
			itemStyle : {
                normal : {
                    label : {
                        position : 'outer',
                        formatter : function (params) {                         
                          return params.name + ': ' + (params.percent - 0).toFixed(0) + '%'
                        }
                    },
                    labelLine : {
                        show : true
                    }
                }
			},
            data:[
                {value:172, name:'≥10M'},
                {value:418, name:'5M~10M'},
                {value:5097, name:'1M~5M'},
                {value:8265, name:'0.5M~1M'},
                {value:10267, name:'10K~0.5M'},
                {value:65065, name:'0~10K'},
				{value:65065, name:'其他'},
            ]
        }
    ]
};
var option4 = {    
    title : {
        text: '存款客戶利息 - 客户来源',
		subtext: '每月趋势图（全部客户）',
		subtextStyle: {
			color: 'black'
		},
		x:'center'
    },
    tooltip : {
        trigger: 'axis',
    },
	
	calculable : true,
	grid : {y:110,y2:40,x:'55%',x2:'5%'},
    legend: {
        data:['本地客户','招行客户'],
		
		y:'50px',
    },
    xAxis : [
        {
            type : 'category',
            splitLine : {show : false},
            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
        }
    ],
    yAxis : [
        {
            type : 'value',
			name: "值(万元)",
        }
    ],
    series : [
		{
			name:'客户',
            type:'line',
            data:[11, 11, 15, 13, 12, 13, 10,13,16,14,18,14],
            markPoint : {
                data : [
                    {name: '标注2', value: 12, xAxis: '5月', yAxis: 12},
                ]
            },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            }
        },
        {
            name:'部门',
            type:'pie',
            radius : '55%',
            center: ['25%', '65%'],
			minAngle: '15',
			tooltip : {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)',
				position : function(point,params,dom,rect,size){
					//其中params为当前鼠标的位置
					return [params[0],'0%'];
				}
            },
			itemStyle : {
                normal : {
                    label : {
                        position : 'outer',
                        formatter : function (params) {                         
                          return params.name + ': ' + (params.percent - 0).toFixed(0) + '%'
                        }
                    },
                    labelLine : {
                        show : true
                    }
                }
			},
            data:[
                {value:172, name:'本地客户'},
                {value:418, name:'招行客户'},
            ]
        }
    ]
};
var colorList = ['#5ea5f3','#31c25b','#72ccfc','#98e0ad'];

                                                                                            
myChart.setOption(option);
myChart2.setOption(option2);
myChart3.setOption(option3);
myChart4.setOption(option4);


		
myChart2.on("click",{seriesName:'币种'},function(param){
	option2.series[0].data=[12,15,13,18,14,19,12,15,13,18,14,19];
	myChart2.setOption(option2);
})